<template>
	<view class="main">

		<view class="mine-logo">
			<view style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: #f5f5f5">
				<image style="width: 100%; height: 100%" :src="imgObj.mineBg" mode=""></image>
			</view>
			<!-- <image style="width: 100rpx; height: 100rpx; border-radius: 50%" :src="userInfo?.imagUrl" alt="图片" v-if="userInfo?.imagUrl"></image> -->
			<image style="width: 100rpx; height: 100rpx; border-radius: 50%" :src="imgObj.default"   alt="图片"></image>
		</view>
		<view class="mine-content" style="background: #fff">
			<u-cell-group>
				<u-cell title="会员分销"  isLink="true"></u-cell>
				<u-cell title="会员查看"  isLink="true"></u-cell>
				<u-cell title="人类图课程"  isLink="true"></u-cell>
				<u-cell title="用户提现"  isLink="true"></u-cell>
				<u-cell title="关于我们"  isLink="true"></u-cell>
			</u-cell-group>
		</view>
		<view class="out-btn">
			<u-button @click="outLogin" class="btn">退出登陆</u-button>
		</view>
	</view>
		<myTabbar :tabBarList="tabBarList" :currentPath="'/pages/user/index'"></myTabbar>
</template>

<script setup>
import { ref } from 'vue';
import {onLoad} from '@dcloudio/uni-app'
import { imgObj } from '@/config/index.js';
import myTabbar from '../../components/Tabbar/index.vue';
const userInfo = ref({
	
});
onLoad(()=>{

})
	

// 退出登陆
const outLogin = () => {

	uni.reLaunch({
		url:"/pages/home/index?handleType=1"
	})

};
const goQcodePage=()=>{
	uni.redirectTo({
		url:"/pages/qcode/index"
	})
}
const goWriteSign=()=>{
	uni.redirectTo({
		url:"/pages/writeSign/index"
	})
}
</script>

<style lang="scss" scoped>
.main {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #f5f5f5;
	font-size: 28rpx;
	// background: linear-gradient(45deg, #87ebd4, #4eb37c);
}

.mine-logo {
	// background: linear-gradient(45deg, skyblue, lightyellow);
	// background: url('../../public/images/mineBg.jpeg');
	// background-size: cover;
	// width: 100rpx;
	position: relative;
	height: 100rpx;
	padding: 50rpx 0 50rpx;
	display: flex;
	justify-content: center;
}

.out-btn {
	position: fixed;
	left: 50%;
	bottom: 100rpx;
	transform: translate(-50%, 0);

	.btn {
		margin: auto;
	}
}
</style>
